<div *ngFor="let event of events" class="mb-3">
    <div class="card shadow">
        <div class="card-body">
            <h5 class="mb-0">{{ event.name }}</h5>
            <div class="mt-4 mb-3 text-dark-grey">{{ event.startDate | date:'mediumDate' }}<span *ngIf="event.startDate !== event.endDate"> - {{ event.endDate | date:'mediumDate' }}</span></div>
            <app-read-more class="mt-3" [text]="event.body" [charLimit]="300"></app-read-more>
        </div>
    </div>
</div>